<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>
	<link type="text/css" rel="stylesheet" href="/IPMSS/resources/jquery-ui-1.8.16.custom/css/custom/jquery-ui-1.8.16.custom.css" />
	<script type='text/javascript' src='/IPMSS/resources/jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js'></script>
	<script type='text/javascript' src='/IPMSS/resources/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js'></script>
	<script type="text/javascript">
			$(function(){

				// Accordion
				$("#accordion").accordion({ header: "h3" });
	
				// Tabs
				$('#tabs').tabs();
	

				// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});

				// Datepicker
				$('#datepicker').datepicker({
					inline: true
				});
				
				// Slider
				$('#slider').slider({
					range: true,
					values: [17, 67]
				});
				
				// Progressbar
				$("#progressbar").progressbar({
					value: 20 
				});
				
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
			});
		</script>
	<style type="text/css">
/*demo page css*/
body {
	font: 62.5% "Trebuchet MS", sans-serif;
	margin: 50px;
}

.demoHeaders {
	margin-top: 2em;
}

#dialog_link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#dialog_link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}

ul#icons {
	margin: 0;
	padding: 0;
}

ul#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}

ul#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
</style>
</h:head>
<h:body onload="document.f.j_username.focus();">
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<form enctype="application/x-www-form-urlencoded" method="POST" action="/IPMSS/j_spring_security_check" name="f">
		<input type="hidden" value="j_idt7" name="j_idt7"></input>

		<center>
			<div style="margin-bottom: 10px; width: 500px;" class="ui-panel ui-widget ui-widget-content ui-corner-all" id="j_idt7:panel">
				<div class="ui-panel-titlebar ui-widget-header ui-corner-all" id="j_idt7:panel_header">
					<span class="ui-panel-title">IPMSS</span>
				</div>
				<div class="ui-panel-content ui-widget-content" id="j_idt7:panel_content">
					<div class="ui-messages ui-widget" id="j_idt7:j_idt9"></div>
					<table>
						<tbody>
							<tr>
								<td><label for="j_idt7:login"> Firstname: lub email lub login*</label>
								</td>
								<td><input type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" value=""
									name="j_username" id="j_idt7:login"></input> <script type="text/javascript">widget_j_idt7_login = new PrimeFaces.widget.InputText({id:'j_idt7:login'});</script>
								</td>
								<td><div id="j_idt7:j_idt12"></div>
								</td>
							</tr>
							<tr>
								<td><label for="j_idt7:password"> passs: *</label>
								</td>
								<td><span id="j_idt7:password"><input type="password"
										class="ui-inputfield ui-widget ui-state-default ui-corner-all" value="" name="j_password" id="j_idt7:password_input"></input>
								</span> <script type="text/javascript">$(function(){widget_j_idt7_password = new PrimeFaces.widget.Password('j_idt7:password', {feedback:false});});</script>
								</td>
								<td><div id="j_idt7:j_idt14"></div>
								</td>
							</tr>
							<tr>
								<td><button type="submit" name="submit" id="j_idt7:j_idt15"
										class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
										<span class="ui-button-text">Ajax Submit</span>
									</button> <script type="text/javascript">widget_j_idt7_j_idt15 = new PrimeFaces.widget.CommandButton('j_idt7:j_idt15', {});</script>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<script type="text/javascript">widget_j_idt7_panel = new PrimeFaces.widget.Panel('j_idt7:panel', {visible:true});</script>


		</center>
		<input type="hidden" autocomplete="off" value="8269460912307595298:-627335570664414704" id="javax.faces.ViewState"
			name="javax.faces.ViewState"></input>
	</form>
</h:body>

</html>